<%--
  Created by IntelliJ IDEA.
  User: XLY
  Date: 2020/10/8
  Time: 19:26
  To change this template use File | Settings | File Templates.
--%>
<%@page language="java" contentType="text/html;charset=utf-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>课程管理页面</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/pintuer.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/admin.css">
    <script src="${pageContext.request.contextPath}/static/js/jquery.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/pintuer.js"></script>
</head>
<body>
<div>
    <button class="button" onclick="addCourse()">新增课程</button>
</div>
<div class="margin">
    <table class="table">
        <thead><tr>
            <td>编号</td>
            <td>课程名</td>
            <td>老师id</td>
        </tr></thead>
        <tbody id="tb">

        </tbody>
    </table>
</div>
<!-- 分页区域-->
<div class="margin">
    每页显示<select id="pageSizeSelect" onchange="onSelectChange()">
    <option value="2" selected="selected">2</option>
    <option value="5">5</option>
    <option value="10">10</option>
</select>条数据，当前是第<span id="currentPageSpan"></span>页，
    总共<span id="totalPageSpan"></span> 页
    <button class="button" onclick="firstPage()">首页</button>
    <button class="button" onclick="prePage()">上一页</button>
    <button class="button" onclick="nextPage()">下一页</button>
    <button class="button" onclick="lastPage()">尾页</button>
</div>
<!-- 这里的div做一个编辑用户信息的模态框-->
<div class="modal" id="editModal">
    <!-- 对话模态框-->
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4>课程信息编辑</h4>
            </div>
            <div class="modal-body">
                <label class="control-label">课程名</label>
                <input class="form-control" type="text" id="nameInput" placeholder="请输入课程名">
                <label class="control-label">老师id</label>
                <input class="form-control" type="text" id="addressInput" placeholder="请输入老师id">
            </div>
            <div class="modal-footer">
                <button class="button" data-dismiss="modal">取消</button>
                <button class="button" onclick="editConfirm()">确定</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
